<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* name: style.css
*/

/* è®¾ç½® */
body{ color:#666; background-color:#fff;}
.wrap{ width:1170px; margin-left:auto; margin-right:auto; *width:1170px;}
a{ color:#333; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s;}
a:hover{ color:#12b9e3;}
.l{float:left;}
.r{float:right;}
h4{ font-size: 18px;}

/*------- ç½‘ç«™æ&nbsp;·å¼ start------ */
/*header*/
.head-top{background: #20b09f; height: 2px;}
.header .logo{ margin-top:12px; -margin-left:57px;}
.nav .service-layer{ width:1180px; padding-left:680px; margin-left:-520px;}
.nav .brand-layer{ width:100%;margin-left:-50%;  }
.nav .brand-layer dd{float:left; margin-right:30px; line-height:56px;}
.lang {border: 1px solid #20b09f;border-radius: 3px;margin-top: 20px;}
.lang a{font-size: 12px;color: #20b09f;line-height: 100%;display: inherit;float: left;padding: 3px 5px;text-decoration: none;}
.lang a.cursite{color: #fff; background: #20b09f;}
/*main*/
.index-part .part-title{text-align:center;padding-top:60px;padding-bottom: 40px;}
.index-part .part-title span{font-size:40px;}
.index-part .part-title p{font-size: 14px;padding-top: 10px;color: #8a8a8a;}

/*åº”ç”¨é¢†åŸŸ*/
.index-field ul{width: 60%; margin: 0 auto;}
.index-field ul li{float:left; width: 50%;}
.index-field ul li .index-fieldl{ background: #6c6c6c; color: #FFF;font-size: 30px;border-radius: 50px; width: 60px;height: 60px; text-align: center;line-height: 60px;
    margin: 10px 10px 30px;}
.index-field ul li .index-fieldr{margin: 10px;}
.index-field ul li .index-fieldr h4{padding-bottom: 10px;}
.index-field{display: inline-block;}

/*äº§å“å±•ç¤º*/
.part-company{background-color:#f8f8f8; padding-bottom:50px}
.index_product ul li{float:left; width:23%; margin:1%; background: #fff; }
.index_product ul li img{width:100%; height:170px;}
.index_product ul li p{font-size:16px; color:#333; text-align:center; padding:30px 0; white-space: nowrap;
    text-overflow: ellipsis;overflow: hidden;}
.index_product ul li span{padding: 10px 20px 30px; display: inline-block;color: #999999;}
/*æŸ¥çœ‹æ›´å¤š*/
.index_more {margin:0 auto; text-align: center; margin-top:30px;display: inline-block;width: 100%;}
.index_more a{color:#20b09f;border: 2px solid #20b09f;text-align: center;display: inline-block; margin: 0 auto;padding: 6px 3%;}

.more-btn-box{background:#20b09f;padding: 6px 3%;display: inline-block;margin-top: 10px;}
.more-btn-box a{color: #fff; }
/*å…¬å¸æ–°é—»*/
.index_new{width: 90%; margin:0 auto;}
.index_new ul li{ float:left; width: 46%;background: #fafafa; margin:1% 2%;}
.index_new ul li .index_newl{background: #20b09f; color: #fff; font-size: 14px; text-align: center;padding: 8px 3%; width: 10%;}
.index_new ul li .index_newl span{font-size: 12px;}
.index_new ul li .index_newr{line-height: 54px; height: 54px; margin-right: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width: 78%; margin: 0 3%;}

/*å…³äºŽæˆ‘ä»¬*/
.index-new{background: #fafafa; margin-top: 70px;}
.hmnews-title p{font-size: 14px;padding-top: 10px;color: #8a8a8a;}
.hmnews-title{font-size: 40px;text-align: center;margin: 0 0 40px;}
.hmnews{width: 80%;margin: 0 auto;display: table;padding: 60px 0;}
.hmnews-left{width: 46%;margin-right: 4%;float: left;}
.hmnews-left img{width: 100%;}
.hmnews-right{width: 50%;float: left;padding: 20px 0;}
.hmnews-right h4{font-size:18px;font-weight: bold; padding-bottom: 20px;}
.hmnews-right p{font-size: 16px;line-height: 30px;}


/*å½“å‰ä½ç½®*/
.nav-bar{border-bottom: 1px solid #E1E1E1;padding: 20px 0;color: #666666;}
.nav-bar a{color: #666666;}
.nav-bar a:hover{color:#20b09f;}
.l-title{padding-bottom: 20px; overflow: hidden;}
.l-title .title-em{font-size: 24px; line-height: 24px;  color: #333;float: left;padding-left: 10px;}
.l-title span{display:block;width: 4px;height: 24px;background-color:#20B09F ;float: left;}
/*è”ç³»æˆ‘ä»¬*/
.map-box{ width:100%; height:320px; border:#ddd solid 1px;}
.map-box img{ max-width:none;}
.iw_poi_title { padding-right:13px; color:#c52; font-size:14px; font-weight:bold; overflow:hidden; white-space:nowrap}
.iw_poi_content { padding-top:4px; font:12px arial,sans-serif; overflow:visible; white-space:-moz-pre-wrap; word-wrap:break-word}

.l-contact {background: #fff;border: 1px solid #e5e5e5;overflow: hidden;padding: 20px; margin-bottom: 40px;}
.lxwml{width: 40%;}
.lxwmr{width: 54%; padding:1% 3%;}
.lxwmr p{line-height: 30px;font-size: 16px; text-indent: 2em;}


.lxwm{padding:0 1% 2%;}
.lxwm h4{color: #333; padding-bottom: 10px;}
.lxwm p{color: #444; line-height: 30px;}

/*å†…é¡µä¼ä¸šåŠ¨æ€*/
.list-main{background-color: #F7F7F7;}
.list-main-con  {padding: 20px 0 40px; display: inline-block;width: 100%;}
.scroll-menu {width: 20%;padding: 10px 0;border: 1px solid #ececec;background: #ffffff;z-index: 9;}
.scroll-menu ul{margin-left: -1px;}
.scroll-menu li {line-height: 44px;}
.scroll-menu li.t {font-size: 16px;color: #333;padding-left: 42px;}
.scroll-menu li a {
    color: #666;
    display: block;
    padding-left: 42px;
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    /* Firefox 4 */
    -webkit-transition: color 0.2s;
    /* Safari Ã¥â€™Å’ Chrome */
    -o-transition: color 0.2s;
    /* Opera */
    background: url(../images/second-level-nav-closed.gif) no-repeat 17px center;
}

.scroll-menu li a:hover {padding-left: 40px;color: #20b09f;border-left: 2px solid #20b09f;background: url(../images/second-level-nav-closed-hover.gif) no-repeat 17px center;}
.scroll-menu li a.active { padding-left: 40px;color: #20b09f;border-left: 2px solid #20b09f;background: #f9f9f9;background: url(../images/second-level-nav.gif) no-repeat 17px center;}
.scroll-menu li a.active:hover {background: url(../images/second-level-nav.gif) no-repeat 17px center;}
.scroll-menu .fw-scroll-menu {margin-left: 0;}
.scroll-menu .fw-scroll-menu li a {padding-left: 64px; color: #666;font-size: 12px; background: #ffffff;}
.scroll-menu .fw-scroll-menu li a:hover {padding-left: 62px;color: #20b09f;border-left: 2px solid #20b09f; background: #f9f9f9;}
.scroll-menu .fw-scroll-menu li a.active {padding-left: 62px;color: #20b09f;border-left: 2px solid #20b09f;background: #f9f9f9;}
.zq-content{width: 78%; margin-left:1%; padding: 30px 20px; box-sizing: border-box;background-color: #fff; border: 1px solid #ECECEC;} 
.news-list-con li{border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 25px; position: relative; padding-left: 97px;}
.news-list-con li .t{font-size: 18px; line-height: 18px; padding-bottom: 4px;}
.news-list-con li .des{font-size: 12px; line-height: 30px; color: #999;}
.news-list-con li .date{width: 75px; height: 45px; border-right: 1px solid #ececec; position: absolute; left: 0; top: 1px; font-size: 12px;}
.news-list-con li .date span.day{color: #008cd6;}
.news-list-con li .date span.day span{font-size: 36px; line-height: 30px; font-family: Arial;}
.news-list-con li .date span.year-month{color: #999;}
.media-list-con li{border-bottom: 1px dashed #ececec;padding-bottom: 20px;margin-bottom: 20px;}
.media-list-con li .t{font-size: 18px; font-weight: normal; line-height: 18px; padding-bottom: 4px; position: relative;transition:color .3s ease;}
.media-list-con li a:hover .t{color: #20b09f;}
.media-list-con li .t .time{font-size: 12px; color: #999;position: absolute;right: 0; top: 0;}
.media-list-con li .des{font-size: 12px; line-height: 30px; color: #999;}

/*äº§å“å±•ç¤º*/
.list-product-con li{float:left; width:31.33333%; margin:1%; background: #fff; }
.list-product-con li img{width: 100%;}
.list-product-con li p{font-size:14px; color:#333; text-align:center; padding:10px 0; white-space: nowrap;
    text-overflow: ellipsis;overflow: hidden;}



/*é¡µç&nbsp;*/
.pages-box{ padding-top:22px; text-align:center;}
.pages-box .pages{ display:inline-block;margin-top: 40px;}
.pages{ border:#d0d0d0 solid 1px; border-radius:3px; font-size:16px; line-height:30px;}
.pages a,.pages span{ float:left; display:block; padding:0 15px; border-right:#d0d0d0 solid 1px;}
.pages a.last-ele{ border:none;}
.pages span,.pages a:hover{ background-color:#f8f8f8; color:#333;}




/*contact*/
.contact-wrap{ width:1024px;}
/*.contact-left ul{ padding:46px 0 42px;}
.contact-left li{ float:left; width:162px; margin-right:44px; text-align:center;}
.contact-left li h3{ margin-top:6px; font-size:15px; line-height:30px; color:#000;}
.contact-left li p{ margin-top:4px; font-size:13px; line-height:20px;}
.contact-left .icons{ display:block; width:42px; height:42px; margin:0 auto;}
.contact-left .icon-01{ background-position:0 -668px;}
.contact-left .icon-02{ background-position:-42px -668px;}
.contact-left .icon-03{ background-position:-84px -668px;}
.contact-left .icon-04{ background-position:-126px -668px;}*/
.contact-right{ width:146px; padding-top:42px; text-align:center;}
.contact-right img{ width:86px; height:86px; padding:4px;}
.contact-right p{ font-size:12px; line-height:20px;}
.contact-right span{ font-size:15px; font-weight:bold; color:#888;}
.contact-left {padding-top: 30px;}
.contact-left .foot-navbj{padding-left: 60px;padding-bottom: 20px;}
.contact-left .foot-nav li{float:left;padding:10px 30px 14px 0;}
.contact-left .foot-nav li a{font-size: 16px; color: #e6e6e6;}
.contact-left .foot-lxfs p{color: #e6e6e6;font-size: 12px;  padding: 4px 0}
.contact-left .foot-lxfs p img{padding-right: 10px;}
/*å†…é¡µ*/
/*banner*/
.inner-slide-box{ position:relative; width:100%; height:492px; overflow:hidden;}
.inner-slide-box .hd{ position:absolute; left:0; bottom:78px; z-index:99; width:100%;}
.inner-slide-box .hd ul{ text-align:center;}
.inner-slide-box .hd li{ display:inline-block; width:26px; height:4px; margin-right:5px; background-color:rgba(255,255,255,0.5); cursor:pointer;}
.inner-slide-box .hd li.on{ background-color:rgba(255,255,255,1);}
.inner-slide-box .bd, .slide-box .bd ul{ width:100%; height:100%;}
.inner-slide-box .bd li{ position:relative; width:100%; height:100%;}
.inner-slide-box .bd img{ position:absolute; left:50%; top:0; width:1920px; height:492px; max-width:none; margin-left:-960px;}


/*pro-slide*/
.pro-slide{ position:relative; height:404px;}
.pro-slide li{ display:none; position:absolute; left:0; top:0; width:100%; height:404px; background:url(../images/inner_banner_04.jpg) no-repeat center top;}
.pro-slide li.cur{ display:block;}
.slide-cont{ position:relative; width:640px; padding-top:90px; margin:0 auto;}
.slide-cont h3{ font-size:36px; line-height:60px;}
.slide-cont p{ font-size:16px; line-height:32px;}
.slide-cont .buy-btn{ display:block; width:110px; height:34px; margin-top:52px; background-color:#2c86f1; font-size:16px; line-height:34px; text-align:center; color:#fff;}
.slide-cont .icons{ display:block; position:absolute; right:-20px; top:70px; width:58px; height:58px;}
.slide-cont .icon-01{ background-position:-110px -710px;}
.slide-cont .icon-02{ background-position:-168px -710px;}
.slide-cont .icon-03{ background-position:-226px -710px;}
.slide-cont .icon-04{ background-position:-284px -710px;}
.slide-cont .icon-05{ background-position:-342px -710px;}
.slide-cont .icon-06{ background-position:-400px -710px;}
.slide-cont .icon-07{ background-position:-458px -710px;}
.slide-cont .icon-08{ background-position:-516px -710px;}
.slide-cont .icon-09{ background-position:-574px -710px;}
.slide-cont .icon-10{ background-position:-632px -710px;}

.slide-nav{ position:absolute; left:50%; top:56px; width:180px; margin-left:-590px; background-color:#fff; border:#e3e3e3 solid 1px; border-bottom:none;}
.slide-nav li{ position:relative; padding-left:52px; line-height:44px; border-bottom:#e3e3e3 solid 1px;}
.slide-nav li .icons{ display:block; position:absolute; left:20px; top:9px; width:24px; height:24px;}
.slide-nav li .icon-01{ background-position:0 -776px;}
.slide-nav li .icon-02{ background-position:-24px -776px;}
.slide-nav li .icon-03{ background-position:-48px -776px;}
.slide-nav li .iconfont{ display:inline-block; margin-left:20px; vertical-align:middle;}
.slide-nav li h3{ display:inline-block; font-size:16px;}
.slide-nav li a{ font-size:14px;}
.slide-nav li.cur a{ color:#12b9e3;}




/*inner-nav*/
.inner-nav-wrap{ position:relative; width:100%; height:0;}
.inner-nav{ position:absolute; left:0; top:-48px; width:100%; height:48px; background-color:rgba(75,75,75,0.7);}
.inner-nav li{ float:left; width:14.2%;}
.inner-nav a{ display:block; width:100%; height:48px; font-size:16px; color:#fff; line-height:48px; text-align:center;}
.inner-nav li.cur a, .inner-nav li:hover a{ background-color:#12b9e3;}


/*inner-cont*/
.inner-cont .part-left{ width:802px;}

.cont-title{ font-size:24px; line-height:44px;text-align:center;}
.part-left .cont-list{font-size:16px;line-height: 2;margin-bottom: 20px;}
.part-left .cont-list li{ padding:25px 0 36px; border-top:#ccc solid 1px;}
.part-left .cont-list .pic-box, .part-left .cont-list .pic-box img{ width:200px; height:134px;}
.part-left .cont-list .text-box{ width:558px;}
.part-left .cont-list .text-box h3{ font-weight:normal; font-size:20px; line-height:44px;}
.part-left .cont-list .text-box p{ font-size:15px; line-height:26px;}
.part-left .cont-list .text-box span{ font-size:15px; line-height:32px;}



.inner-cont .part-right{ width:302px;}
.part-right .cont-title{ border-bottom:#ccc solid 1px;}
.part-right .cont-list li{ padding:14px 0; border-bottom:#cdcdcd dashed 1px;}
.part-right .pub-time{ width:60px; height:40px; background-color:#f1f1f1; line-height:40px; text-align:center; font-size:14px; color:#0a0a0a;}
.part-right li:hover .pub-time{ background-color:#12b9e3; color:#fff;}
.part-right .text-box{ width:224px; line-height:20px;}

.side-contact h3{ display:block; border-bottom:#ccc solid 1px; font-size:20px; line-height:40px;}
.side-contact p{ font-size:14px; line-height:22px;}


/*job-infor*/
.infor-left{ padding-left:30px; padding-top:20px;}
.infor-left li{ position:relative; padding-left:12px; margin-bottom:20px; font-size:18px; line-height:22px;}
.infor-left li a{ color:#333;}
.infor-left li i{ display:block; opacity:0;}
.infor-left li.cur i, .infor-left li:hover i{ opacity:1; position:absolute; left:0; top:0; width:2px; height:22px; background-color:#0097ee;}

.infor-right{ width:900px;}
.infor-tip{ line-height:60px;}
.infor-tip h3{ font-size:25px;}
.infor-tip p{ font-size:17px;}
.infor-list{ border:#b0b0b0 solid 1px; border-radius:6px; background-color:#fff; overflow:hidden;}
.infor-list .tb-hd{ padding-left:30px; border-bottom:#b0b0b0 solid 1px; background:url(../images/bar_bg.png) repeat-x;}
.infor-list .tb-hd h3, .infor-list dt{ font-size:16px; line-height:50px;}
.infor-list .tb-col{ background-color:#eee;}
.infor-list dt{ float:left;}
.infor-list .br-949494{ border-right:#949494 solid 1px;}
.infor-list .ele-01{ width:306px; padding-left:30px;}
.infor-list .ele-02{ width:186px; text-align:center;}
.infor-list .ele-03{ width:186px; text-align:center;}
.infor-list .ele-04{ width:186px; text-align:center;}
.infor-list .tb-bd li{ border-bottom:#c0c0c0 solid 1px;}
.infor-list dd{ float:left; font-size:15px; line-height:90px;}
.infor-list .col-cont dl{ cursor:pointer;}
.infor-list .iconfont{ margin-left:4px; font-size:14px;}
.infor-list .col-detail{ display:none; padding:24px 30px; border-top:#c0c0c0 solid 1px;font-size:15px;line-height: 26px;}
.infor-list .apply-btn{ line-height:90px;}
.company-des{font-size: 15px;line-height: 26px;}


/*æ–°é—»è¯¦ç»†é¡µ*/
.detail-hd{ border-bottom:#eee solid 1px;}
.dt-title{ font-size:28px; line-height:50px; text-align:center;}
.dt-tip .pub-time{ line-height:28px; color:#999;}
.detail-bd{text-indent:2em;font-size:16px;line-height: 2;}
.detail-bd img{ display:block; max-width:100%; margin:20px auto 10px;height: auto!important;}


/*contact-list*/
.contact-list h3{ font-size:30px; color:#004d91;}
.contact-list p{ font-size:18px; line-height:32px;}




/*act-list*/
.act-list ul{ width:110%;}
.act-list li{ float:left; margin-right:30px; margin-top:30px;}
.act-list .pic-box, .act-list .pic-box img{ width:244px; height:244px;}
.act-list .text-box{ line-height:40px;}


/*pro-right*/
.pro-right{ width:930px;}
.tab-hd{ height:76px; border-bottom:#959595 solid 1px;}
.tab-hd li{ float:left;}
.tab-hd li a{ display:block; padding:0 32px; font-size:16px; line-height:74px;}
.tab-hd li.cur a{ border-bottom:#2c86f1 solid 4px; color:#2c86f1;}

.tab-ele .ele-title{ font-size:22px; line-height:94px;}
.tab-ele .ele-title .line{ display:inline-block; width:4px; height:32px; background-color:#2c86f1; vertical-align:middle;}

.tab-01 table{ width:100%;}
.tab-01 tr:nth-child(odd){ background-color:#f3f3f3;}
.tab-01 th{ height:90px; border:#d2d2d2 solid 1px; font-size:17px; font-weight:normal;}
.tab-01 td{ height:134px; padding:0 2em; border:#d2d2d2 solid 1px;}
.tab-01 th:nth-child(1),
.tab-01 td:nth-child(1),
.tab-01 th:nth-child(2),
.tab-01 td:nth-child(2){ border-right-color:#2c86f1;}
.tab-01 th:nth-child(2){ background-color:#e8f1fb; color:#2c86f1;}
.tab-01 th:nth-child(2){ border-top-color:#2c86f1;}
.tab-01 tr:nth-last-child(1) td:nth-child(2){ border-bottom-color:#2c86f1;}

.sub-tab{ border:#d2d2d2 solid 1px;line-height: 32px;padding: 24px 30px;}
.sub-tab img{max-width: 100%;display: block;margin: 0 auto;}
.sub-tab li{ float:left; width:33.333333%;}
.sub-tab li a{ display:block; background-color:#f3f3f3; font-size:17px; line-height:58px; text-align:center;}
.sub-tab li.cur a{ background-color:#fff; color:#2c86f1;}
.sub-tab-bd{ padding:24px 30px;}
.sub-tab-ele{ display:none;}
.sub-tab-ele.cur{ display:block;}
.sub-tab-ele img{ display:block; margin:0 auto;}

.tab-03 .sub-tab li{ width:50%;}


/*register-layer*/
.register-layer{ position:relative; height:138px; background-color:#2c86f1; text-align:center; font-size:24px; color:#fff; line-height:138px;}
.register-btn{ display:inline-block; width:172px; height:40px; border:#fff solid 1px; font-size:18px; line-height:40px; color:#fff; text-align:center; vertical-align:middle;}
.register-layer .icons{ display:block; position:absolute; width:175px; height:2px; background-position:-48px -776px; animation:lineGo 100s linear infinite; -webkit-animation:lineGo 100s linear infinite; -moz-animation:lineGo 100s linear infinite; -o-animation:lineGo 100s linear infinite; -ms-animation:lineGo 100s linear infinite;}
.register-layer .line-01{ left:50%; top:110px; margin-left:-632px;}
.register-layer .line-02{ left:50%; top:24px; margin-left:10px;}
.register-layer .line-03{ left:50%; top:72px; margin-left:510px;}
.register-layer .line-04{ left:50%; top:72px; margin-left:-1000px;}

@keyframes lineGo{
	0%{ transform:translate(0,0);}
	100%{ transform:translate(500%,0);}
	}
@-webkit-keyframes lineGo{
	0%{ -webkit-transform:translate(0,0);}
	100%{ -webkit-transform:translate(500%,0);}
	}
@-moz-keyframes lineGo{
	0%{ -moz-transform:translate(0,0);}
	100%{ -moz-transform:translate(500%,0);}
	}
@-o-keyframes lineGo{
	0%{ -o-transform:translate(0,0);}
	100%{ -o-transform:translate(500%,0);}
	}
@-ms-keyframes lineGo{
	0%{ -ms-transform:translate(0,0);}
	100%{ -ms-transform:translate(500%,0);}
	}


/*service-contact*/
.service-contact{ background-color:#2e3033;border-bottom:#58595c solid 1px;}
.service-contact .contact-wrap{ }
.service-contact .contact-left li h3,
.service-contact p,
.service-contact a{ color:rgba(255,255,255,0.6);}
.service-contact a:hover{ color:rgba(255,255,255,0.6);}
.service-contact .contact-left .icon-01{ background-position:-400px -668px;}
.service-contact .contact-left .icon-02{ background-position:-442px -668px;}
.service-contact .contact-left .icon-03{ background-position:-484px -668px;}
.service-contact .contact-left .icon-04{ background-position:-526px -668px;}


/*service-footer*/
.service-footer{ background-color:#2e3033;}

/* case */
.case-slider{ width:100%; height:452px; background-color:#eff9ff; overflow:hidden;}
.slider-cont{ position:relative; left:50%; top:0; height:452px; margin-left:-256px;}
.slider-cont .text-box{ position:absolute; left:0; top:0; z-index:9; width:364px; padding-top:134px;}
.slider-cont .text-box h3{ font-size:40px; font-weight:normal; line-height:72px;}
.slider-cont .text-box p{ margin-top:10px; font-size:16px; line-height:32px;}
.slider-cont .img-box{ position:absolute; left:320px; top:0;}

.case-wrap{ width:1182px;}
.case-box{ position:relative; padding-left:246px; padding-right:20px;}
.case-type{ position:absolute; left:0; top:-404px; width:236px; box-shadow:4px 4px 6px rgba(0,0,0,0.3);}
.case-type ul{ padding:0 26px;}
.case-type li{ height:56px; border-bottom:#e4e4e4 solid 1px;}
.case-type li.last-ele{ border-bottom:none;}
.case-type a{ display:block; padding-top:16px; height:40px;}
.case-type li.cur a{ color:#339efe;}
.case-type span{ display:inline-block; height:24px; line-height:24px; vertical-align:middle;}
.case-type .icons{ display:inline-block; width:24px; height:24px; margin-right:20px; vertical-align:middle;}

.case-type .icon-01{ background-position:-584px -112px;}
.case-type li.cur .icon-01,
.case-type li:hover .icon-01{ background-position:-560px -112px;}

.case-type .icon-02{ background-position:-584px -136px;}
.case-type li.cur .icon-02,
.case-type li:hover .icon-02{ background-position:-560px -136px;}

.case-type .icon-03{ background-position:-584px -160px;}
.case-type li.cur .icon-03,
.case-type li:hover .icon-03{ background-position:-560px -160px;}

.case-type .icon-04{ background-position:-584px -184px;}
.case-type li.cur .icon-04,
.case-type li:hover .icon-04{ background-position:-560px -184px;}

.case-type .icon-05{ background-position:-584px -208px;}
.case-type li.cur .icon-05,
.case-type li:hover .icon-05{ background-position:-560px -208px;}

.case-type .icon-06{ background-position:-584px -232px;}
.case-type li.cur .icon-06,
.case-type li:hover .icon-06{ background-position:-560px -232px;}

.case-type .icon-07{ background-position:-584px -256px;}
.case-type li.cur .icon-07,
.case-type li:hover .icon-07{ background-position:-560px -256px;}

.case-type .icon-08{ background-position:-584px -280px;}
.case-type li.cur .icon-08,
.case-type li:hover .icon-08{ background-position:-560px -280px;}

.case-list li{ border-bottom:#e4e4e4 solid 1px;}
.case-list li a{ display:block; padding:42px 100px 42px 80px;}
.case-list li:hover a{ background-color:#f8fafb;}
.case-list .pic-box{ width:100px; height:100px;}
.case-list .text-box{ width:590px;}
.case-list .text-box h3{ font-size:18px; line-height:38px;}
.case-list .text-box p{ margin-top:4px; font-size:16px; line-height:24px;}
.bg-white{background: #fff;}
.cont-title a{display: none;}



.syapply{color: #62f0e4;border: 1px solid #62f0e4;display: block;width: 100px;text-align: center;padding: 5px 0;margin: 40px auto 0;font-size: 14px!important;line-height: 100%!important;}

.part-fangan{background: -webkit-linear-gradient(#3498DB,#2980B9); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#3498DB,#2980B9); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#3498DB,#2980B9); /* Firefox 3.6 - 15 */
  background: linear-gradient(#3498DB,#2980B9); /* æ&nbsp;‡å‡†çš„è¯­æ³• */
  padding-bottom:50px
  }

.part-fangan ul{display:table;width:88%;margin:0 auto;}
.part-fangan ul li{width:27%;float:left;padding:0 3%;position:relative;}
.part-fangan ul li:nth-child(4),.part-fangan ul li:nth-child(5),.part-fangan ul li:nth-child(6){margin-top:20px}
.part-fangan ul li img{position:absolute;top:0;left:0;width:40px;height:40px;}
.part-fangan ul li h4{color:#fff;margin:10px 0;font-size:18px;padding-left:20px;}
.part-fangan ul li .fangan-des{line-height:200%;color:#eee;height:55px;overflow:hidden;padding-left:20px;}
.learnmore{display:block;width:100px;margin:15px auto;color:#fff;border:1px solid #fff;text-align:center;font-size:12px;}


.show-con h3{text-align:center;}
.show-title{text-align:center; font-size:12px;padding: 4px 0 10px; border-bottom: 1px solid #e6e6e6;  color: #c7c7c7;}
.show-conwz {padding:20px; line-height: 30px;}





@media only screen and (min-width:480px){
.hidden-sm{display:none;}
}


@media only screen and (min-width:1440px) {
.slide-box .slide-img{width:1920px;height:830px;margin-left:-960px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:480px) {
.hidden-xs{display: none;}
.wrap{width: 100%;}
.inner-cont .part-left{width: 90%;margin: 0 auto!important;padding: 0 5%px;float: initial;}
.part-left .cont-list .text-box{width: 100%;}
.cont-title{text-align: center;position: relative;padding: 10px 0}

.cont-title a{position: absolute;left: 0;bottom:10px;font-size: 30px;display: block;color:#aaa}
.inner-cont{padding-top: 0;}
.part-left .cont-list .text-box p{color: #666;}
.pages a, .pages span{padding: 0 3px;}
.dt-title{border-top: 1px solid #ccc;}
.footer{padding: 0 20px;height: auto;line-height: 200%;}
.bdsharebuttonbox{display:none;}
.wap-inbanner{position:relative;}
.wap-inbanerdes{position:absolute;left:15px;top:30%;color:#fff;}


}
@media only screen and (max-width:320px) {

}
</pre></body></html>